.m-t-20 {
    margin-top: 20px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.btn-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    // .left-box{
    //     // border: 1px solid red;
    //     // width: 40%;
    // }

    // .right-box{
    //     // border: 1px solid red;
    //     flex: 1;
    //     display: flex;
    //     align-items: center;
    //     justify-content: center;
    // }
}

.map-dialog-wrapper {
    //   border: 1px solid red;
    height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
  
    // .map-search-box {
    //   z-index: 100;
    //   width: 90%;
    //   // height: 60px;
    //   // border: 1px solid red;
    //   display: flex;
    //   // transform: translateY(20px);
    //   // margin-left: 40px;
    // }
  
    .map-box-wrapper {
      flex: 1;
    //   margin-top: 10px;
      display: flex;
      // border: 1px solid red;
      .map-box {
        flex: 1;
        // border: 1px solid green;
        height: 100%;
        // transform: translateY(10px);
      }
  
      .map-query-box {
        // border: 1px solid green;
        // width: 35%;
        width: 1px;
        margin: 0 10px;
      }
    }
  }

  .el-alert:first-child {
    margin: 10px 0 0 0 ;
    padding: 3px 10px;
  }